{extend name="common/application" /}
{block name="title"}
<title>人才培训-课程详情</title>
{/block}
{block name="css"}
<link rel="stylesheet" type="text/css" href="_CSS_/courses_details.css"/>
<script src="//api.html5media.info/1.2.2/html5media.min.js"></script>
<!--[if lt IE 9]>
<script src="http://www.ijquery.cn/js/html5shiv.js"></script>
<![endif]-->
{/block}


{block name="navbar"}{include file="/common/navbar" /}{/block}
{block name="content"}
<!-- 主体内容 -->
<div class="main">
    <div class="mainBody normalBox clearfix" style="padding-top: 0;">
        <!--面包屑导航-->
        <div class="breadcrumb">
            <p>当前位置：
                <a href="index.html">人才培训</a> &gt;
                <a href="courses.html">培训·课程</a> &gt;
                <a class="curPage" href="javascript:;">课程详情</a>
            </p>
        </div>
        <!--视频播放区-->
        <div class="playAreas">
            <h4 class="conHeader videoTitle"></h4>
            <div class="videoArea">
                <video class="videos" src=""
                       controls="controls"></video>
                <div class="videoInfo">
                    <h5 class="videoName"></h5>
                    <span class="videoNum"></span>
                    <p class="videoText moreline" limit="40"></p>
                    <div class="episodesArea">
                        <div class="episodesHeader">

                        </div>
                        <div class="episodesBody">
                            <ul>
                                <!--<li class="curEpisode"><a href="javascript:;">1</a></li>-->
                                <!--<li><a href="javascript:;">2</a></li>-->
                                <!--<li><a href="javascript:;">3</a></li>-->
                                <!--<li><a href="javascript:;">4</a></li>-->
                                <!--<li><a href="javascript:;">5</a></li>-->
                                <!--<li><a href="javascript:;">6</a></li>-->
                                <!--<li><a href="javascript:;">7</a></li>-->
                                <!--<li><a href="javascript:;">8</a></li>-->
                                <!--<li><a href="javascript:;">9</a></li>-->
                                <!--<li><a href="javascript:;">10</a></li>-->
                                <!--<li><a href="javascript:;">11</a></li>-->
                                <!--<li><a href="javascript:;">12</a></li>-->
                                <!--<li><a href="javascript:;">13</a></li>-->
                                <!--<li><a href="javascript:;">14</a></li>-->
                                <!--<li><a href="javascript:;">15</a></li>-->
                                <!--<li><a href="javascript:;">16</a></li>-->
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="VideoFooter">
                <p>已有<span></span>人在学</p>
                <a class="praiseArea" href="javascript:;">
                    <span class="icons icon-praise01"></span>
                    <span class="icons icon-praise01-hover hide"></span>
                    <span class="icons icon-praise01-success hide"></span>
                    <span class="isPraise">点赞</span>
                </a>
                <a class="collectArea" href="javascript:;">
                    <span class="icons icon-collect01"></span>
                    <span class="icons icon-collect01-hover hide"></span>
                    <span class="icons icon-collect01-success hide"></span>
                    <span class="isCollect">收藏</span>
                </a>
                <div class="shareArea" style="position: relative;width:200px;">
                    <!--<span class="icons icon-share01 hide"></span>
                    <span class="icons icon-share01-hover hide"></span>
                    <span class="isShare hide">分享</span> -->
                    <!--分享按钮-->
                    
                    <!-- JiaThis Button END -->
					<div class="bshare-custom">
					<a title="分享到新浪微博" class="bshare-sinaminiblog"></a>
					<a title="分享到QQ空间" class="bshare-qzone"></a>
					<a title="分享到微信" class="bshare-weixin"></a>
					<a title="分享到QQ好友" class="bshare-qqim"></a>
					<a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a>
					<span class="BSHARE_COUNT bshare-share-count">0</span>
					</div>
					<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/button.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script><a class="bshareDiv" onclick="javascript:return false;"></a><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
                </div>

            </div>
        </div>
        <div class="sectionArea normalBox">
            <!--单节介绍及评论区-->
            <div class="leftCon fl">
                <div class="singleInfo">
                    <h5></h5>
                    <p>
                        </p>
                </div>
                <div class="commentsArea">
                    <h5>评论</h5>
                    <span>发表评论</span>
                    <div class="text_area">
                        <textarea class="commentsFill" id="news_title" name="news_title" maxlength="300"
                                  placeholder="写下您的评论..." onkeyup="title_len();" onclick="title_len();"></textarea>
                        <span id="titlelen">0/300</span>
                    </div>
                    <input type="button" class="sendBtn fr" value="发表"/>
                </div>
                <!--全部评论-->
                <div class="commentList">
                    <p class="listHeader">全部评论<span>(0)</span></p>
                    <hr/>
                    <div class="commentCon fl">
                        <div class="noData hide">
                            <img src="_IMG_/null.png"/>
                            <p>目前还没有人进行评论哟！</p>
                        </div>
                    </div>
                    <!--分页样式-->
                    <div id="page"></div>
                    <!--<div class="pagination" id="pagination">-->
                    <!--<a href="javascript:;" class="page-prev">-->
                    <!--<span class="icons icon-backward"></span>-->
                    <!--</a>-->
                    <!--<a href="javascript:;" class="current">1</a>-->
                    <!--<a href="javascript:;">2</a>-->
                    <!--<a href="javascript:;">3</a>-->
                    <!--<a href="javascript:;">4</a>-->
                    <!--<a href="javascript:;">5</a>-->
                    <!--<a href="javascript:;" class="more">...</a>-->
                    <!--<a href="javascript:;">13</a>-->
                    <!--<a href="javascript:;" class="page-next">-->
                    <!--<span class="icons icon-forward"></span>-->
                    <!--</a>-->
                    <!--</div>								-->
                </div>
            </div>
            <!--推荐区-->
            <div class="rightCon fr">
                <!--热门课程-->
                <div class="policyInfo">
                    <h4 class="conHeader">
                        <p class="sectionName fl">
                            <span class="icons icon-hot"></span>
                            <span>热门课程</span>
                        </p>
                        <!--<a class="readMore fr" href="javascript:;">更多<span class="icons icon-right"></span></a>-->
                    </h4>
                    <div class="conBody">
                        <ul class="infoList">

                        </ul>
                    </div>
                </div>
                <!--猜你喜欢-->
                <div class="commend">
                    <h4 class="conHeader">
                        <p class="sectionName fl">
                            <span class="icons icon-like"></span>
                            <span>猜你喜欢</span>
                        </p>
                        <!--<a class="readMore fr" href="javascript:;">更多<span class="icons icon-right"></span></a>-->
                    </h4>
                    <div class="conBody">
                        <ul class="infoList">

                        </ul>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
{/block}


{block name="js"}

<!-- 脚本引入 -->

<script type="text/javascript" src="_P_/layer/layer.js"></script>

<script src="_JS_/jquery.qrcode.min.js"></script>

<script src="_JS_/course.js"></script>
{/block}
